<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <link rel="stylesheet" type="text/css" href="css/style.css">
        
        <style>
            h1{
                color: red;
                font-size: 40pt;
            }

            .c1{
                color: #15ffff;
                font-size: 20pt;
            }

            #i1{
                color: yellow;
                font-size: 35pt;
            }

            #d1:hover{
                background-color: #c86ebc;
                width: 40px;
            }

            body{
                color: green;
                font-size: 30pt;
            }
        </style>
    </head>
    <body>
        <h1>Hello</h1>
        <h1 style="color: #5489e1;font-size: 45pt;">Hello</h1>
        <h1 id="i1">Hello</h1>
        <h1 class="c1">Hello</h1>
        <div class="c1">Hello</div>
        <p class="c1">Hello</p>

        <div id="d1">Hello</div>

        <h2>Hello</h2>
        <h2>Hello</h2>
    </body>
</html>